<template>
  <m-page>
    <!-- 借款申请页 -->
    <m-header title="电子合同"></m-header>
    <!-- 借款金额 -->
    <div class="g-input">
      <ynet-field title="借款金额">
        <ynet-input-item
          ref="input12"
          v-model="value"
          type="money"
          placeholder="1000元起，金额必须是100的倍数"
          size="middle"
          is-amount
          clearable
          brief="当前可用刻度为50，000元。单笔最多可借50万"
        >
          <ynet-icon name="rmb" size="lg" svg slot="left"></ynet-icon>
          <ynet-icon
            name="edit"
            slot="right"
            @click="$refs.input12.focus()"
          ></ynet-icon>
        </ynet-input-item>
      </ynet-field>
    </div>
    <!-- 列表 -->
    <div class="g-list">
      <ul>
        <li>
          <div> 
            <span>借款期限</span>
          </div>
          <div>
            <span>24个月</span>
            <ynet-icon name="arrow-right" size="lg"></ynet-icon>
          </div>
        </li>
        <li>
          <div>
            <span>还款方式</span>
          </div>
          <div>
            <span>等额本息</span>
            <ynet-icon name="arrow-right" size="lg"></ynet-icon>
          </div>
        </li>
        <li>
          <div>
            <span>收款账户</span>
          </div>
          <div>
            <span>长沙银行储蓄卡（8888）</span>
            <ynet-icon name="arrow-right" size="lg"></ynet-icon>
          </div>
        </li>
        <li>
          <div>
            <span>借款用途</span>
          </div>
          <div>
            <span>其他经营相关事项</span>
            <ynet-icon name="arrow-right" size="lg"></ynet-icon>
          </div>
        </li>
      </ul>
    </div>
    <!-- 按钮 -->
     <div class="g-button">
        <ynet-button type="warning" inactive>下一步</ynet-button>
      </div>
      <!-- 温馨提示 -->
      <div class="g-tip">
        <p>
          <b>温馨提示：</b><br>
          1、收款账户仅支持长沙银行卡<br>
          2、收款账户与还款账户是同一个账户，多笔快乐流水贷共用同一个收款/还款账户
          3、每月21日为还款日，系统将自动从收款账户中扣划每期还款金额，请确保账户余额充足
        </p>
      </div>
  </m-page>
</template>

<script>
import { Button, Field, InputItem, NumberKeyboard, Icon } from "ynet-mobile";
export default {
  components: {
    [Button.name]: Button,
    [Field.name]: Field,
    [InputItem.name]: InputItem,
    [NumberKeyboard.name]: NumberKeyboard,
    [Icon.name]: Icon
  },
  data() {
    return {
      value: "",
      inactive: false
    };
  },
  created() {},
  methods: {
    handClick() {
      // 返回上一个页面
      app.api.pushWindow();
    }
  },
  mounted() {},
  watch: {},
  computed: {
    size() {
      return this.value.length > 10 ? "small" : "large";
    }
  }
};
</script>

<style lang="scss" scoped>
@import "./index.scss";
</style>
